<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    #container {
      height: 100vh;
    }
  </style>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=LTcdtaUhvwYYnvWd90tfvhBYBGgxmwbC"></script>
</head>

<body>
  <div id="container"></div>
  <script>

    // 从百度 CV 过来的代码 
    const map = new BMap.Map("container");        // 创建地图实例  
    const point = new BMap.Point(113.23, 23.16);  // 创建点坐标  
    map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别  
    map.enableScrollWheelZoom(true);              // 开启鼠标滚轮缩放


    // 知识点分析
    console.log(BMap === window.BMap);
    console.log('BMap里面有什么', BMap);

    // 构造函数的原型 -> 可以被实例共享
    console.log(BMap.Map.prototype);

    // 以下为知识点补充：

    // 百度地图总对象(全局变量)：
    //    BMap
    // 构造函数：
    //    BMap.Map()      --  创建 地图 实例
    //    BMap.Point()    --  创建 点坐标 实例
    // 实例：
    //    map
    //    point
    // 原型对象上的方法：
    //   原型.方法 === 实例.方法
    //   BMap.Map.prototype.centerAndZoom === map.centerAndZoom   
    //   BMap.Map.prototype.enableScrollWheelZoom === map.enableScrollWheelZoom


  </script>
</body>

</html>